<template>
<div class="head">
    <div class='headb'>
        <Row type="flex" justify="space-between" class="code-row-bg">
            <i-col span="3"><span class="headb1"><img src="../assets/images/headb2.png" alt=""></span></i-col>
            <i-col span="7"><span class="headb2"><img src="../assets/images/headb1.png" alt=""></span></i-col>
            <i-col span="2">
                <span class="headb3"><img src="../assets/images/headb3.png" alt=""></span>
                <span class="headb4">退出</span>
            </i-col>
        </Row>
    </div>
</div>
</template>

<script>
export default {};
</script>

<style lang='less' scoped>
.head{
    width:1900px;
}
.headb {
    width: 1200px;
    height: 130px; 
    text-align: center;
    line-height: 130px;
    margin: 0 auto;
    span{
        display:inline-block;
    }
    .headb1 {
        width: 318px;
        height: 45px;
        margin-top:20px;
        img {
            width: 100%;
            padding-right: 10px;
            border-right: 1px solid #ddd;
        }
    }
    .headb2 {
        width: 484px;
        height: 69px;
        margin-top: 30px;
        img {
            width: 100%;
        }
    }
    .headb3 {
        display: inline-block;
        width: 30px;
        height: 30px;
        img {
            width: 100%;
            padding-right: 10px;
            border-right: 1px solid #ddd;
        }
    }
    .headb4{
        display: inline-block;
        width:40px;
        height:20px;
        font-size:18px;
    }
  
}
</style>
